<!DOCTYPE HTML>
<html style="font-size:10px">
<script src="../resources/text-based-repaint.js"></script>
<script>
window.testIsAsync = true;
window.onload = runRepaintAndPixelTest;

function repaintTest() {
  setTimeout(function() {
    document.getElementById("rootdiv").style.fontSize="20px";
    requestAnimationFrame(function() {
      if (window.testRunner)
        finishRepaintTest();
    });
  }, 0);
};
</script>
<style>
  @font-face {
    font-family: Ahem;
    src: url(../../../resources/Ahem.ttf);
  }
</style>
<body>
<div id="rootdiv" style="font-size:10px; font-family:Ahem">
<svg style="width:10ch; height:10ch;">
  <rect width="10ch" height="10ch" style="fill:rgb(0,0,255);" />
</svg>
</div>
</body>
</html>
